﻿<!doctype html>
<html>
<head>
<link href="/stylesheets/base.css" rel="stylesheet">
<link href="/stylesheets/new.css" rel="stylesheet">
</head>
<body>

<article class="blogs">
  <div class="index_about">
    <h2 class="c_titile" id="title"><%= chapter['chapterName'] %></h2>
    <p class="box_c">
    	<span class="d_time">发布时间：<span id="publish"><%= chapter.publishTimer%></span></span>
        <span>编辑：<span id="author"><%= chapter['author'] %></span></span>
        <span>互动QQ群：<a><%= chapter['qqGroup'] %></a>
       <span>浏览次数：<span id="views"><%= chapter['views'] %></span></span>
        </span>
    </p>
    
    <ul class="infos" id="content">
      
      <p><%- chapter.chapterDes %></p>
    </ul>
    <ul class="pagelist">
    
   </ul>
    <div class="keybq">
    	<p><span>关键字词</span>：<%= chapter.keywd %></p>
    </div>
    
    <div class="ad"> </div>

</article>
<footer>
  <p class="ft-copyright">个人博客 Sunshine</p>
<div id="tbox"> <a id="togbook" href=""></a> <a id="gotop" href="javascript:void(0)"></a> </div>
</footer>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    $(document).ready(function() {
        var search = window.location.search;
        var chapterId = search.substr(search.indexOf("=") + 1);
        $.get("http://localhost:8084/getDetail?chapterId=" + chapterId, function(data) {
            var dataObj = JSON.parse(data);
            $("#title").html(dataObj[0]["chapterName"]);
            $("#publish").html(dataObj[0]["publishTimer"]);
            $("#author").html(dataObj[0]["author"]);
            $("#views").html(dataObj[0]["views"]);
            $("#content").html(dataObj[0]["chapterContent"]);
        })
    })
</script>
</html>